﻿<html lang="en"><head>
        <title>Swissmooh</title> 
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">

        <meta name="ieSettings" content="IE=edge" http-equiv="X-UA-Compatible">

        <meta name="description" content="Swissmooh">

        <meta charset="UTF-8">
        <link href="assets/css/summernote.css" rel="stylesheet">
        <link name="central" rel="stylesheet" pos="1" type="text/css" href="assets/css/swissmooh_1.css">
        <link href="assets/css/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link name="favicon" rel="shortcut icon" pos="100" type="image/x-icon" href="assets/images/favicon.ico">
        <script name="jquery" pos="1" src="assets/js/jquery-2.1.1.min.js"></script>

        <script name="jqueryUI" pos="2" src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>

        <script name="bootstrap" pos="3" src="assets/js/bootstrap.min.js"></script>

        <script name="onsiteCMS" pos="4" src="assets/js/system.js"></script>
        <script type="text/javascript" src="assets/js/summernote.js"></script>
        <script type="text/javascript">/**
         * jQuery Shuffle (http://mktgdept.com/jquery-shuffle)
         * A jQuery plugin for shuffling a set of elements
         *
         * v0.0.1 - 13 November 2009
         *
         * Copyright (c) 2009 Chad Smith (http://twitter.com/chadsmith)
         * Dual licensed under the MIT and GPL licenses.
         * http://www.opensource.org/licenses/mit-license.php
         * http://www.opensource.org/licenses/gpl-license.php
         *
         * Shuffle elements using: $(selector).shuffle() or $.shuffle(selector)
         *
         **/
            (function (d) {
                d.fn.shuffle = function (c) {
                    c = [];
                    return this.each(function () {
                        c.push(d(this).clone(true));
                    }).each(function (a, b) {
                        d(b).replaceWith(c[a = Math.floor(Math.random() * c.length)]);
                        c.splice(a, 1);
                    });
                };
                d.shuffle = function (a) {
                    return d(a).shuffle();
                };
            })(jQuery);
        </script>
        <script type="text/javascript" src="assets/js/jquerylightbox-05.js"></script>
        <link rel="stylesheet" type="text/css" href="assets/css/jquerylightbox-05.css" media="screen">
        <script type="text/javascript">
            function osBodyLoad() {
                setFocus();
            }
        </script>
    </head> 
    <div id="body">
    </div>

    <div id="swissHead" class="swissness"  >
        <div class="spacer3"><div class="fatborder"><div class="thinborder">
                    <div id="swissHeadInner" >
                        <img src="assets/images/splash.png">
                        swiss<br/>mooh
                    </div></div></div></div>
    </div>
    <div id="navigation1">
        <div role="navigation" class="navbar navbar-default ">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <?php include './include/menu/TopMenu.php'; ?>
            </div><!--/.container-fluid -->
        </div>
    </div>
    <div id="navigation2" class="hidden-xs">
        <div role="navigation" class="navbar navbar-default ">
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="dropdown ">
                        <a href="index.php" >
                            <span class="glyphicon glyphicon-play" aria-hidden="true"></span> Home
                            <ul class="dropdown-menu"></ul>
                        </a>
                    </li>
                    <li class="dropdown ">
                        <a href="contact.php" >
                            <span class="glyphicon glyphicon-play" aria-hidden="true"></span> Contact
                            <ul class="dropdown-menu"></ul>
                        </a>
                    </li> 

                    <li >
                        <a href="http://www.swissmooh.com.cn/" target="_blank"  class="level1" >
                            <img class="worldwide cn" src="system/icons/flags/cn.png">
                        </a>
                    </li>
                    <li >
                        <a href="http://www.swissmooh.co.th/" class="level1" target="_blank"  >
                            <img class="worldwide tw" src="system/icons/flags/th.png">
                        </a>
                    </li>
                    <li >
                        <a href="#" class="level1" ><img class="worldwide gb" src="system/icons/flags/ch.png">
                        </a>
                    </li>			
                </ul>
            </div>
        </div>
    </div>



    <div id ="window" class="page">
        <div class="fatborder"><div class="fatborder">
                <div id="swissAlps" class="page">



                    <div id="mainContainer" >
                        <div class="page">


                            <ol class="breadcrumb">

                                <li>
                                </li><li><a class="pageTitle" href="contact">Contact</a>
                                </li>

                            </ol>

                            <div id="main">

                                <div class="headline"> 
                                    <div class="ProductPage "> 
                                        <div class="texte">
                                            <div class="Headlines">                                                
                                                <div class="Textblock" >
                                                    <div class="container">
                                                        <h2 class="Name">Contact</h2>
                                                        <div class="row">                                                            
                                                            <?php include './include/menu/contact_content.php'; ?>
                                                        </div>
                                                        <h2 class="Name">Where to buy</h2><br>
                                                        <div class="row">                 

                                                            <div class="col-xs-12 col-sm-4">
                                                                <span>
                                                                    <a href="http://www.tops.co.th/th/market/" target="_blank"><img src="assets/images/tops.png" width="80%"/></a>
                                                                </span>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-4">
                                                                <span>
                                                                    <a href="http://www.villamarket.com/" target="_blank"><img src="assets/images/villa_market.png" width="90%"/></a>
                                                                </span>
                                                            </div>
                                                            <div class="col-xs-12 col-sm-4">
                                                                <span>
                                                                    <a href="http://www.bigc.co.th/" target="_blank"><img src="assets/images/bigc.jpg" width="40%"/></a>
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <br/>
                                                        <div class="col-xs-12 col-sm-6">
                                                            <h2>Personal data</h2>

                                                            <p>* mandatory</p>

                                                            <table class="table">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>Name*</td>
                                                                        <td><input name="contact_name" id="contact_name" type="text" /></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>Phone*</td>
                                                                        <td><input name="contact_phone" id="contact_phone" type="text" /></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>E-Mail*</td>
                                                                        <td><input name="contact_email" id="contact_email" type="text" /></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>Subject</td>
                                                                        <td><input name="contact_subject" id="contact_subject" type="text" /></td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                        <div class="col-xs-12">
                                                            <h2>Your message</h2>
                                                            <br/>
                                                            <textarea class="summernote" name="contact_message" id="contact_message" rows="10" style="width: 80%;"></textarea>
                                                            <table class="table" style="width: 80%;">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>                                                                            
                                                                            <div id="load_captcha"></div>
                                                                            Enter Code: 
                                                                            <input id="x_captcha" name="x_captcha" type="text" />
                                                                            <input name="send" id="submitContact" type="button" value="send" />
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>                                                    
                                                </div> 
                                            </div>
                                        </div>
                                    </div>
                                </div> 
                            </div> 
                        </div>	
                    </div>	
                </div>
            </div>
        </div>
        <div id="swissFoot" class="swissness" >
            <div class="spacer3">
                <div class="fatborder">
                    <div class="thinborder">
                        <div id="swissFootInner">
                            <font class="switzerland">Switzerland</font>
                            <font class="pureMilk">100% pure milk</font>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <script type="text/javascript">
        var uiSummernote = function () {
            /* Extended summernote editor */
            if ($(".summernote").length > 0) {
                $(".summernote").summernote({height: 300,
                    codemirror: {
                        mode: 'text/html',
                        htmlMode: true,
                        lineNumbers: true,
                        theme: 'default'
                    }
                });
            }
        };
        $(document).ready(function () {
            uiSummernote();
            $.fn.lightBox._show_image_data = function () {
            };
            $('a.resource').attr('onclick', '').lightBox();
            $('a.lightbox').attr('onclick', '').lightBox();


            /*
             $('a.resource>img').parent('a.resource').lightBox({overlayBgColor: '#000',
             overlayOpacity: 0.6,
             overlayClose:false, 
             imageLoading: '/system/jquery_lightbox/images/lightbox-ico-loading.gif',
             imageBtnClose: 'jqueryLightbox/close.png',
             imageBtnPrev: 'jqueryLightbox/pfeil_links.png',
             imageBtnNext: 'jqueryLightbox/pfeil_rechts.png',
             containerResizeSpeed: 1,
             txtImage: '',
             txtOf: ''});
             */
            $.ajax({
                url: "include/captcha/getCaptCha.php",
                type: 'POST',
                success: function (data, textStatus, jqXHR) {
                    $("#load_captcha").html(data);
                }
            });
            $("#submitContact").click(function () {
                $.ajax({
                    url: "include/captcha/validateCaptCha.php",
                    type: 'POST',
                    data: {'secret_code': $("#x_captcha").val()},
                    success: function (data, textStatus, jqXHR) {
                        if (data == 200) {
                            var contact_name = $("#contact_name").val();
                            var contact_email = $("#contact_email").val();
                            var contact_subject = $("#contact_subject").val();
                            var contact_phone = $("#contact_phone").val();
                            var contact_message = $("#contact_message").code();
                            $.ajax({
                                url: "include/captcha/emailSending.php",
                                type: 'POST',
                                data: {'contact_name': contact_name, 'contact_email': contact_email, 'contact_subject': contact_subject, 'contact_phone': contact_phone, 'contact_message': contact_message},
                                success: function (data, textStatus, jqXHR) {
                                    alert(data);
                                    setTimeout(function () {
                                        window.location = "contact.php";
                                    }, 500);
                                }
                            });
                        } else {
                            alert(data);
                        }
                    }
                });
            });
        });

    </script>

</body>
</html>